﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <title>我的名片</title>
    <link rel="stylesheet" type="text/css" href="../plugins/weui/css/weui.min.css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/css.css">
    <script type="text/javascript" src="../plugins/weui/js/weui.min.js"></script>
</head>
<style>
    .business {
        width: 90%;
        border: solid 1px #E7E6EB;
        background-color: #FFFFFE;
        border-radius: 5px;
        padding-top: 20px;
        margin:0 auto;
        margin-top:10px;
    }

    .business-cart {
        width: 70%;
        margin-left: 5%;
        float: left;
        font-size: 18px;
        color: #a6a6a6;
        font-weight: bold;
        letter-spacing: 0.1em;
    }

    .business-img {
        width: 60px;
        height: 60px;
        border-radius: 5px;
    }

    .business-b {
        margin-left: 5%;
        font-size: 22px;
        font-weight: bold;
        color: #2f3f50;
        letter-spacing: 0.1em;
    }

    .business-manager {
        margin-left: 5%;
        font-size: 14px;
        color: #4e4e4e;
        letter-spacing: 0.1em;
    }

    .business-phone {
        margin-left: 5%;
        margin-top: 20px;
        font-size: 14px;
        color: #BABABA;
        letter-spacing: 0.1em;
    }

    .business-email {
        margin-left: 5%;
        margin-top: 5px;
        font-size: 14px;
        color: #BABABA;
        letter-spacing: 0.1em;
    }

    .business-images {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .w180 {
        width: 180px;
    }

    .h180 {
        height: 180px;
    }

    .business-bottom {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        color: #bdbdbd;
        font-size: 14px;
        letter-spacing: 0.1em;
        margin-bottom: 50px;
    }
</style>

<body style="background-color: #EFEEF3;">
    <div class="business">
        <div style="width: 100%; height: 80px;">
            <div class="business-cart company"></div>
            <div style="width: 25%; float: right; text-align: center;">
                <img src="../images/avater_def.png" class="business-img avater" onclick="viewImg(this)">
            </div>
        </div>
        <div class="business-b nickname"></div>
        <div class="business-manager"><span class="position"></span></div>
        <div class="business-phone">电话：<span class="phone"></span></div>
        <div class="business-email">邮箱：<span class="email"></span></div>
        <div class="business-images">
            <img src="" class="w180 h180 qrcode" style="display:none">
        </div>
        <div class="business-bottom">长按查看小程序名片</div>
    </div>
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/base.js"></script>
    <script>
    $(function () {
        loadCard();
    })
    function loadCard() {
        ajaxGet(siteApiList.GetInfo + "?id=" + staffId, function (data) {
            if (!isJsonSuccess(data))
                return;

            var item = data.Data;
            $(".avater").attr("src", siteConfig.formatAvater(item.Avater))
            $('.company').text(item.Company);
            $('.nickname').text(item.Name);
            $('.position').text(item.Position);
            $('.phone').text(item.Mobile);
            $('.email').text(item.Email);
            $(".qrcode").attr("src", item.QrCode);
            $(".qrcode").css("display", "");
        })
    }
    //预览图片
    function viewImg(obj) {
        var src = obj.currentSrc;
        var gallery = weui.gallery(src);
        $('.weui-gallery__del').css('display', 'none');
    }
    </script>
</body>
</html>